<template>
  <div class="container" style="width: 700px">
    <table>
      <tr>
        <td>
          <label for="">文章标题 : </label>
        </td>
        <td>
          <label for="">hhhhhhhhhwdssssssswwwwwwwww555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555wwwwwwwwwwwwwwwwwwwwww</label>
        </td>
      </tr>
       <tr>
        <td>
          <label for="">文章简介 : </label>
        </td>
        <td>
          <label for="">hhhhhhhhh</label>
        </td>
      </tr>
       <tr>
        <td>
          <label for="">文章作者 : </label>
        </td>
        <td>
          <label for="">2323</label>
        </td>
      </tr>
       <tr>
        <td>
          <label for="">文章类型 : </label>
        </td>
        <td>
          <label for="">hhhhhhhhh</label>
        </td>
      </tr>
        <tr>
        <td>
          <label for="">图片 : </label>
        </td>
        <td>
          <label for=""></label>
        </td>
      </tr>
       <tr>
        <td>
          <label for="">文章内容 : </label>
        </td>
        <td>
          <label for="">hhhhhhhhh</label>
        </td>
      </tr>

    </table>

    <div slot="footer" class="dialog-footer">
      <el-button @click="cancel">取 消</el-button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    //取消
    cancel() {
      this.$router.push("/ArticleManagement/Article/ArticlePublished");
    },
  },
};
</script>

<style>
.container {
  word-wrap: break-word;
  word-break: break-all;
  margin: auto;
}
.dialog-footer{
float:right;
}
 table td{ height:30px; border:#CCCCCC 1px solid;width: 600px;}

</style>